<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="UTF-8">
  <title>Ionic App</title>
  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="referrer" content="never">

  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#4e8ef7">

  <!-- add to homescreen for ios -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <!-- cordova.js required for cordova apps (remove if not needed) -->
  <script src="cordova.js"></script>
  <!-- un-comment this code to enable service worker
  <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.error('Error', err));
    }
  </script>-->

  <link href="build/main.css" rel="stylesheet">
  <script>
      (function (doc, win) {
        var docEl = doc.documentElement,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
          baseUnit = 37.5,
          sizeResult = 0,
          correctPx = function () {
            // rem bug for xiaomi max2
            var clientWidth = docEl.clientWidth;
            if (clientWidth < 320 || clientWidth > 768) return;
  
            var div = doc.createElement('div');
            div.style.width = '30rem';
            div.style.height = '0';
            doc.body.appendChild(div);
            var rmd = ((30 * sizeResult) / div.clientWidth);
            if (rmd < 1.05) return;
  
            var secondSize = rmd * sizeResult;
            if (!secondSize) return;
            docEl.style.fontSize = secondSize + 'px';
            doc.body.removeChild(div);
          },
          recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            sizeResult = clientWidth / baseUnit;
            docEl.style.fontSize = sizeResult + 'px';
  
            // rem bug for xiaomi max2
            correctPx()
          }
  
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
  
      })(document, window);
    </script>
</head>
<body>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The vendor js is generated during the build process
       It contains all of the dependencies in node_modules -->
  <script src="build/vendor.js"></script>

  <!-- The main bundle js is generated during the build process -->
  <script src="build/main.js"></script>

</body>
</html>
